<template>
   <li class='sea-wrap'>
         <div class="sea-box">
            <div class="sea-icon"></div>
            <div class="sea-inp">
                <input type="text" placeholder="搜索商品：请输入关键字">
            </div>
        </div>
    </li> 
</template>
<script>
export default {

}
</script>
<style>
.sea-wrap{
    width:100%;
    background:#ebeced;
    height:.44rem;
    display:flex;
    align-items:center;
}
.sea-box{
    margin: 0 .1rem;
    padding-left:0.04rem;
    background:#fff;
    color:#bbb;
    width:100%;
    height:.3rem;
    border-radius:.05rem;
    line-height:.3rem;
    display : flex;
    align-items: center;
}
.sea-icon{
width:.17rem;
height:.16rem;
display:inline-block;
background: url(../../../static/imgs/icons1.png) no-repeat;
background-size: 3.35rem auto;
background-position : -1.06rem -1.41rem;
margin: 0 .10rem
}
.sea-inp{
    width:100%;    
}
.sea-inp input{
    display:inline-block;
    font-size:.14rem;
    height:.3rem;
    border:0;
    width:100%;
}
</style>
